<script id="form_popupTemp" type="text/x-kendo-template">
    <div class="card">
        <div class="card-body">
            <form>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格对话框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="gridDialogSingle" name="gridDialogSingle"></select><button class="w-9 ml-p1" id="gridDialogSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格对话框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="gridDialogMultiple" name="gridDialogMultiple" multiple></select><button class="w-9 ml-p1" id="gridDialogMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格模态框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="gridWindowSingle" name="gridWindowSingle"></select><button class="w-9 ml-p1" id="gridWindowSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格模态框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="gridWindowMultiple" name="gridWindowMultiple" multiple></select><button class="w-9 ml-p1" id="gridWindowMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形列表对话框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeListDialogSingle" name="treeListDialogSingle"></select><button class="w-9 ml-p1" id="treeListDialogSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形列表对话框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeListDialogMultiple" name="treeListDialogMultiple" multiple></select><button class="w-9 ml-p1" id="treeListDialogMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形列表模态框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeListWindowSingle" name="treeListWindowSingle"></select><button class="w-9 ml-p1" id="treeListWindowSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形列表模态框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeListWindowMultiple" name="treeListWindowMultiple" multiple></select><button class="w-9 ml-p1" id="treeListWindowMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">列表视图对话框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="listDialogSingle" name="listDialogSingle"></select><button class="w-9 ml-p1" id="listDialogSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">列表视图对话框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="listDialogMultiple" name="listDialogMultiple" multiple></select><button class="w-9 ml-p1" id="listDialogMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">列表视图模态框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="listWindowSingle" name="listWindowSingle"></select><button class="w-9 ml-p1" id="listWindowSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">列表视图模态框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="listWindowMultiple" name="listWindowMultiple" multiple></select><button class="w-9 ml-p1" id="listWindowMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形视图对话框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeDialogSingle" name="treeDialogSingle"></select><button class="w-9 ml-p1" id="treeDialogSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形视图对话框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeDialogMultiple" name="treeDialogMultiple" multiple></select><button class="w-9 ml-p1" id="treeDialogMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形视图模态框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeWindowSingle" name="treeWindowSingle"></select><button class="w-9 ml-p1" id="treeWindowSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形视图模态框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="treeWindowMultiple" name="treeWindowMultiple" multiple></select><button class="w-9 ml-p1" id="treeWindowMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">选项卡对话框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="tabDialogSingle" name="tabDialogSingle"></select><button class="w-9 ml-p1" id="tabDialogSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">选项卡对话框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="tabDialogMultiple" name="tabDialogMultiple" multiple></select><button class="w-9 ml-p1" id="tabDialogMultipleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">选项卡模态框单选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="tabWindowSingle" name="tabWindowSingle"></select><button class="w-9 ml-p1" id="tabWindowSingleBtn" type="button"></button>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">选项卡模态框多选：</label>
                    <div class="col-lg-6">
                        <select class="w-90" id="tabWindowMultiple" name="tabWindowMultiple" multiple></select><button class="w-9 ml-p1" id="tabWindowMultipleBtn" type="button"></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <style scoped>
        #treeList .k-pager-wrap {
            border-top-color: #ccc;
        }
        #listView > div {
            cursor: pointer;
        }
        #treeView {
            border-width: 1px;
        }
        #treeView .k-radio-label,
        #treeView .k-checkbox-label {
            padding: 5px;
        }
        #treeView .k-sprite,
        #treeView .k-image {
            margin: 0 6px 0 3px;
            width: 16px;
            height: 16px;
            font-size: 16px;
            line-height: 16px;
        }
        #tabStrip .k-tabstrip-items li.theme-m-box {
            background-color: transparent !important;
        }
        #tabStrip .k-tabstrip-prev {
            top: 7px;
            left: 5px;
        }
        #tabStrip .k-tabstrip-next {
            top: 7px;
            right: 5px;
        }
    </style>
</script>